<template>
  <div>
    <button class="button-open-func" @click="dialogGoupManagerFuncShow()">群管理弹窗</button>
    <!--群组弹窗 -->
    <dialogGroupManagerFunc :title="groupManagerTitle" :dialogGroupManagerVisible="dialogGroupManagerVisible"
      ref="groupManagerFunc">
    </dialogGroupManagerFunc>
  </div>
</template>
<script>
import { mapState } from "vuex";
import dialogGroupManagerFunc from "@/components/dialog/dialogGroupManagerFunc.vue";
import { GROUP_MANAGER_FUNC } from "@/store/actiontypes";

export default {
  components: {
    dialogGroupManagerFunc
  },
  methods: {
    //群管理设置弹窗
    dialogGoupManagerFuncShow() {
      //触发修改state
      this.$store.commit(GROUP_MANAGER_FUNC, {
        dialogGroupManagerVisible: true,
      });
    },
  },
  computed: {
    ...mapState({
      dialogGroupManagerVisible: (state) => { return state.dialogue.dialogGroupManagerVisible },
    })
  }
}
</script>
<style scoped>
.button-open-func {
  cursor: default;
}
</style>